<template>
	<view class="box">
		<view class="address-item" v-for="(item,key) in renzhengMessage">
			<view class="address-detail">
				<view class="person">
					<span class="label-person">认证类型</span>
					<label>{{item.zhengMingType}}</label>
					<label class="label-shenHe">{{item.cStatus}}</label>
					<view class="chakan" @click="lookTohegerenzheng(item.lSerialNo)">
						查看
					</view>
				</view>
				
				<view class="">
					<span class="label-person">认证金额</span>
					<label class="label-money">{{item.money}}</label>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	import global_ from '../../../../../../components/tool/RenZhengGlobal'
	export default {
		data() {
			return {
				url:global_.api.HEGETOUZIZHERENZHENG_LIST,
				checked: 1,
				customerId:'',
				renzhengMessage: []
			};
		},
		onLoad(){
			this.customerId = uni.getStorageSync("customerId");
			console.log(this.customerId);
			this.getData();
		},
		methods: {
			getData(){
				uni.request({
					method:'get',
					url:this.url,
					header:{
						'content-type':'application/x-www-form-urlencoded',
					},
					data:{
						cCustNo:this.customerId
					},
					dataType:'json',
					success:(res)=>{
						console.log('成功');
						var result = res.data.data;
						this.renzhengMessage = result;
						console.log(result,typeof result);
					},
					fail:(error)=>{
						console.log(error);
					},
					complete:()=>{}
				})
			},
			checkAddress(index) {
				this.checked = index;
				console.log(index, this.checked)
			},
			lookTohegerenzheng(lSerialNo){  //  点击查看，进入合格投资者，静态页面
				console.log('-----'+lSerialNo);
				uni.navigateTo({
					url: '../chakan/hegerenzheng-look?lSerialNo=' + lSerialNo,
					success: res => {
						
					},
					fail: () => {},
					complete: () => {}
				});
			}
		},
		onNavigationBarButtonTap(){
			uni.navigateTo({
				url: '../shimingrenzheng/qualifiedCertification',
				success: res => {},
				fail: () => {},
				complete: () => {}
			});
		}
	}
</script>

<style>
	.box {
		background: rgb(255, 255, 255);
		color: rgba(22, 31, 33, 1);
		padding: 5px 15px;
		/* margin-bottom: 10px; */

	}

	.icon {
		margin: 0 30upx;

	}

	.icon-left {
		font-size: 20px;
	}

	.tishi {
		color: rgba(196, 156, 90, 1);
		line-height: 32px;
	}

	.person {
		line-height: 28px;
		font-size: 16px;
		color: #999999;
	}

	.label-person {
		font-size: 17px;
		color: rgba(22, 31, 33, 1);
		margin-left: 10upx;
		margin-right: 20upx;
	}
	.label-shenHe {
		margin-left: 70upx;
	} 

	.address-box {
		margin-top: 10px;
		background: rgb(255, 255, 255)
	}

	.address-item {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 15px 0;
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		
	}

	.address-item .address-detail {
		flex: 1;
	}

	.chakan {
		display: inline-block;
		padding-left: 20px;
		font-size: 16px;
		color: blue;
		text-decoration: underline;
	}

	.xuanze-address,
	.xuanze-address-icon {
		height: 20px;
		width: 20px;
	}

	.xuanze-address {
		margin: 0 22upx 0 30upx;
	}

	.moren {
		width: 30px;
		height: 16px;
		background: rgba(197, 158, 95, 1);
		border-radius: 5upx;
		color: rgb(255,255,255);
		font-size: 11px;
		line-height: 16px;
		text-align: center;
		margin-right: 5px;
		padding: 0 5px;
	}
	.label-money{
		color: #999999;
	}
</style>
